<template>
  <div>
    <!-- 表格开始 -->
    <el-table
      ref="multipleTable"
      :data="tableData"
      style="width: 100%; margin-bottom: 20px"
      border
      stripe
    >
      <!-- @selection-change="handleSelectionChange" -->
      <el-table-column type="selection" align="center"> </el-table-column>
      <el-table-column label="产品SKU" align="center">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
     
      <el-table-column label="产品名称" align="center">
      <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      
      <el-table-column prop="" label="创建时间" align="center"> 
      </el-table-column>
      
      <el-table-column prop="" label="供应商" align="center">
      </el-table-column>     
      
      <el-table-column prop="" label="批次时间" align="center">
      </el-table-column>
      
      <el-table-column prop="" label="单价" align="center">
      </el-table-column>

      <el-table-column prop="" label="绑码数量" align="center">
      </el-table-column>

      <el-table-column label="操作" align="center">
        <template slot-scope="">
          <el-row :gutter="20">
            <el-col :span="12">
              <el-tooltip
                effect="back"
                content="修改"
                placement="top"
                :enterable="false"
              >
                <Edit />
              </el-tooltip>
            </el-col>

            <el-col :span="12">
              <el-tooltip
                effect="back"
                content="删除"
                placement="top"
                :enterable="false"
              >
                <Delete />
              </el-tooltip>
            </el-col>
          </el-row>
        </template>
      </el-table-column>
    </el-table>
    <!-- 表格结束 -->
  </div>
</template>

<script>
import Edit from "./Edit.vue";
import Delete from "../public/delete";

export default {
  components: {
    // Detail,
    Delete,
    Edit,
  },
  props: {
    // 表格数据
    allList: {},

    // 数据标签
    labels: {},

    // 主题
    title: {},

    createPersonList: {},

    seedInfo: {},
  },
  
  data() {
    return {
      tableData: [],
      multipleSelection: [],
    };
  },

  methods: {
    toggleSelection(rows) {
      if (rows) {
        rows.forEach((row) => {
          this.$refs.multipleTable.toggleRowSelection(row);
        });
      } else {
        this.$refs.multipleTable.clearSelection();
      }
    },
  },
};
</script>

<style>
</style>